<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let name = '王老吉';
        // 不支持换行，使用变量，需要用+连接
        // let str ='<p>'
        //     str +='你们这些天才止步不前的时候，<span title="必须用双引号">'
        //     +name+
        //     '<span>会走得更远。'
        //     str +='</p>';

        

        // let str = `
        //     <p>
        //         你们这些天才止步不前的时候，
        //         <span title="标题">${name}</span>
        //         会走得更远。
        //     </p>
        // `;
        let a = -2;
        function fn(){
            return '结果值'
        }
        
        let str = `
            <p>
                你们这些天才止步不前的时候，
                <span title="标题">${a>0?'lalla':'lululu'}</span>
                ${fn()}
                会走得更远。
            </p>
        `;
        console.log(str);


    </script>
</body>
</html>